.container {
    box-sizing: border-box;
}

.container-box {
    background: #FAFAFC;
    width: 100%;
    padding: 30rpx;
    box-sizing: border-box;
}

.search {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    width: 100%;
    height: 88rpx;
    border-radius: 44rpx;

    .img {
        width: 28rpx;
        height: 28rpx;
        margin: 0 20rpx 0 30rpx;
    }

    .input {
        width: 100%;
    }
}

.insured-list {
    padding: 0 30rpx 30rpx 30rpx;
}

.insured-i {
    display: flex;
    justify-content: space-between;
    padding: 30rpx;
    background: $white-grey;
    border-radius: 8rpx;
    margin-top: 30rpx;

    .box {
        display: flex;
        align-items: center;
        flex: 1;

        .img {
            @include roundImage(98rpx);
            margin-right: 20rpx;
        }
    }

    .programme {
        color: $grey;
        font-size: $font-mini;
    }
}

.info {
	flex: 1;
    .name {
        color: #141F33;
        font-size: $font-normal;
    }

    .insure {
        margin-top: 24rpx;
        display: flex;
        align-items: center;
        color: #9497B1;
        font-size: $font-mini;

        .time {
            color: $black;
        }
    }
}

.topjg {
    margin-top: -20rpx;
    width: 100vw;
    background: rgba(0, 214, 121, 0.4);
    color: #00D679;
    font-size: 24rpx;
    height: 70rpx;
    display: flex;
    align-items: center;
    padding: 30rpx;
    box-sizing: border-box;

    .img {
        width: 30rpx;
        height: 30rpx;
    }
}

.messagebox {
    width: 100%;
    box-sizing: border-box;
    padding: 30rpx;

    .top {
        color: #151718;
        font-size: 32rpx;
        font-weight: 700;
    }

    .content {
        margin-top: 24rpx;
        font-size: 24rpx;
        color: #9497B1;
    }
}